<template>
	<button class="expButton" type="button" :disabled="isBan">
		<slot></slot>
	</button>
</template>

<script>
	export default{
    props:{
      isBan:Boolean
    }
	}
</script>

<style scoped="scoped">
	.expButton {
		width: 80%;
		height: 40px;
		margin: 5px;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 2px;
		color: #F0F8FF;
		border: #003399 solid 1px;
		border-radius: 15px;
		background-color: #003399;
		transition-duration: 0.4s;
	}
	
	.expButton:hover {
		background-color: #ffffff;
		color: #003399;
	}

  /*.expButton:disabled{*/
  /*  background-color: #d2cccc;*/
  /*}*/
</style>
